import React from 'react'
import "../../assets/styles/Right.scss";
export default function Right() {
  return (
    <div className='right'>
      {/* 第一部分 */}
      <div className='right-one1'>
        <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
        <button>用户登录</button>
      </div>
      {/* 第二部分 */}
      <div className='right-two'>
        <div className='right-twos'>
          <div className='right-twotop'>
          <p>入驻歌手</p>
          <p><a href="" style={{color:"black"}}>查看全部&gt;</a></p>
          </div>
        <div className='right-two-bottom'>
          <div className='right-two-bottom1'>
            <div className='right-two-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/zy01.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>张慧妹aMEI</p>
                <span>台湾歌手张惠妹</span>
              </div>
            </div>
            <div className='right-two-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/zy02.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>吴莫愁Momo</p>
                <span>《中国好声音》选手</span>
              </div>
            </div>
            <div className='right-two-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/zy03.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>孙楠</p>
                <span>歌手孙楠代表作《》</span>
              </div>
            </div>
            <button>申请成为网易音乐人</button>
          </div>
        </div>
        </div>
      </div>
      {/* 第三部分 */}
      <div className='right-three'>
        <div className='right-threes'>
          <div className='right-threetop'>
          <p>热门主播</p>
          </div>
        <div className='right-three-bottom'>
          <div className='right-three-bottom1'>
            <div className='right-three-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/rm01.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>陈立</p>
                <span>心理学家美食家陈立教授</span>
              </div>
            </div>
            <div className='right-three-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/rm03.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>莫非定律乐团</p>
                <span>男女双人全创作独立乐团</span>
              </div>
            </div>
            <div className='right-three-bottom1item'>
              <div className='itemsimg'><img src={new URL('../../assets/imgs/rm04.png',import.meta.url).href} alt="" /></div>
              <div className='itemse'>
                <p>碎嘴许美达</p>
                <span>脱口秀网络红人</span>
              </div>
            </div>
          
          </div>
        </div>
        </div>
      </div>
        <div className='bo'>
            <img src={new URL('../../assets/imgs/xiazai.png',import.meta.url).href} alt="" />
        </div>
    </div>
  )
}
